		<header class="container-fluid" style="background-color:#337AB7;">
			<h5 class="text-center">
				<em style="font-size:2rem;" class="pull-left glyphicon glyphicon-chevron-left" onclick="javascript:$.goPrePage();"></em>
				zhangning				<em style="font-size:2rem;" class="pull-right glyphicon glyphicon-home" onclick="javascript:$.goPage($('#page1'));"></em>
			</h5>
		</header>
		<div class="container-fluid" style="margin-bottom:2.5rem;">
			<div class="row-fluid">
				<div class="col-xs-12" id="questionbar" style="display:none;">
					<dl class="clear" id="questionindex">
																																																						<dt class="float_l"><h4 class="title">一、单选题</h4></dt>
						<dd class="tableindex">
										                			                			                							<a style="margin-bottom:0.5rem;" id="sign_890" href="javascript:;" onclick="javascript:$.leftMenu($('#questionbar'));gotoquestion('890');$('#form1').toggle();" class="btn btn-default">1</a>
										                			                							<a style="margin-bottom:0.5rem;" id="sign_892" href="javascript:;" onclick="javascript:$.leftMenu($('#questionbar'));gotoquestion('892');$('#form1').toggle();" class="btn btn-default">2</a>
										                			                							<a style="margin-bottom:0.5rem;" id="sign_894" href="javascript:;" onclick="javascript:$.leftMenu($('#questionbar'));gotoquestion('894');$('#form1').toggle();" class="btn btn-default">3</a>
																				</dd>
																																																																																				<dt class="float_l"><h4 class="title">二、判断题</h4></dt>
						<dd class="tableindex">
										                			                			                							<a style="margin-bottom:0.5rem;" id="sign_896" href="javascript:;" onclick="javascript:$.leftMenu($('#questionbar'));gotoquestion('896');$('#form1').toggle();" class="btn btn-default">1</a>
										                			                							<a style="margin-bottom:0.5rem;" id="sign_897" href="javascript:;" onclick="javascript:$.leftMenu($('#questionbar'));gotoquestion('897');$('#form1').toggle();" class="btn btn-default">2</a>
																				</dd>
																																																																																																																	</dl>
				</div>
				<form id="form1" name="form1" method="post" action="index.php?exam-phone-exampaper-score" class="col-xs-12" style="padding:0px;">
					<input type="hidden" name="insertscore" value="1"/>
																																								<h4 class="title questionpanel" id="questype_1">一、单选题</h4>
						                	                	                					<div class="paperexamcontent" id="questions_890" rel="1" style="clear:both;overflow:hidden;background:#FFFFFF;margin-top:0.5rem;padding:1rem;">
						<h4 class="title">
							第1题
							<span class="pull-right">
								<a class="btn text-primary qicon" onclick="javascript:favorquestion('890');"><i class="glyphicon glyphicon-heart-empty"></i></a>
								<a class="btn text-info qicon" href="javascript:;" onclick="javascript:signQuestion('890',this);"><i class="glyphicon glyphicon-bookmark"></i></a>
								<a name="question_890">
								<input id="time_890" type="hidden" name="time[890]"/>
							</span>
						</h4>
						<div class="choice">
							</a><p>你叫什么名字</p>						</div>
																		<div class="choice" style="padding-bottom:0.5rem;">
	                    	<p>A 张宁</p>

<p>B 李下</p>

<p>C 王天</p>

<p>D 赵一</p>	                    </div>
	                    						<div class="selector">
	                    			                        		                        		                        <label class="radio-inline" style="line-height:2.8rem;"><input type="radio" name="question[890]" rel="890" value="A" />A </label>
		                        		                        		                        <label class="radio-inline" style="line-height:2.8rem;"><input type="radio" name="question[890]" rel="890" value="B" />B </label>
		                        		                        		                        <label class="radio-inline" style="line-height:2.8rem;"><input type="radio" name="question[890]" rel="890" value="C" />C </label>
		                        		                        		                        <label class="radio-inline" style="line-height:2.8rem;"><input type="radio" name="question[890]" rel="890" value="D" />D </label>
		                        		                        		                        		                    	                    </div>
												<div class="toolbar" style="padding:1rem 0.5rem;">
																					<a class="pull-right btn btn-primary" onclick="javascript:gotoindexquestion(1);">下一题<span class="glyphicon glyphicon-chevron-right"></span></a>
													</div>
					</div>
						                	                					<div class="paperexamcontent" id="questions_892" rel="1" style="clear:both;overflow:hidden;background:#FFFFFF;margin-top:0.5rem;padding:1rem;">
						<h4 class="title">
							第2题
							<span class="pull-right">
								<a class="btn text-primary qicon" onclick="javascript:favorquestion('892');"><i class="glyphicon glyphicon-heart-empty"></i></a>
								<a class="btn text-info qicon" href="javascript:;" onclick="javascript:signQuestion('892',this);"><i class="glyphicon glyphicon-bookmark"></i></a>
								<a name="question_892">
								<input id="time_892" type="hidden" name="time[892]"/>
							</span>
						</h4>
						<div class="choice">
							</a><p>儿童节是什么时间?</p>						</div>
																		<div class="choice" style="padding-bottom:0.5rem;">
	                    	<p>A 十月一日</p>

<p>B 八月三日</p>

<p>C 六月一日</p>

<p>D 九月三日</p>	                    </div>
	                    						<div class="selector">
	                    			                        		                        		                        <label class="radio-inline" style="line-height:2.8rem;"><input type="radio" name="question[892]" rel="892" value="A" />A </label>
		                        		                        		                        <label class="radio-inline" style="line-height:2.8rem;"><input type="radio" name="question[892]" rel="892" value="B" />B </label>
		                        		                        		                        <label class="radio-inline" style="line-height:2.8rem;"><input type="radio" name="question[892]" rel="892" value="C" />C </label>
		                        		                        		                        <label class="radio-inline" style="line-height:2.8rem;"><input type="radio" name="question[892]" rel="892" value="D" />D </label>
		                        		                        		                        		                    	                    </div>
												<div class="toolbar" style="padding:1rem 0.5rem;">
														<a class="btn btn-default" onclick="javascript:gotoindexquestion(0);"><span class="glyphicon glyphicon-chevron-left"></span>上一题</a>
																					<a class="pull-right btn btn-primary" onclick="javascript:gotoindexquestion(2);">下一题<span class="glyphicon glyphicon-chevron-right"></span></a>
													</div>
					</div>
						                	                					<div class="paperexamcontent" id="questions_894" rel="1" style="clear:both;overflow:hidden;background:#FFFFFF;margin-top:0.5rem;padding:1rem;">
						<h4 class="title">
							第3题
							<span class="pull-right">
								<a class="btn text-primary qicon" onclick="javascript:favorquestion('894');"><i class="glyphicon glyphicon-heart-empty"></i></a>
								<a class="btn text-info qicon" href="javascript:;" onclick="javascript:signQuestion('894',this);"><i class="glyphicon glyphicon-bookmark"></i></a>
								<a name="question_894">
								<input id="time_894" type="hidden" name="time[894]"/>
							</span>
						</h4>
						<div class="choice">
							</a><p>中国用英语怎么说?</p>						</div>
																		<div class="choice" style="padding-bottom:0.5rem;">
	                    	<p>A blue</p>

<p>B china</p>

<p>C true</p>

<p>D time</p>	                    </div>
	                    						<div class="selector">
	                    			                        		                        		                        <label class="radio-inline" style="line-height:2.8rem;"><input type="radio" name="question[894]" rel="894" value="A" />A </label>
		                        		                        		                        <label class="radio-inline" style="line-height:2.8rem;"><input type="radio" name="question[894]" rel="894" value="B" />B </label>
		                        		                        		                        <label class="radio-inline" style="line-height:2.8rem;"><input type="radio" name="question[894]" rel="894" value="C" />C </label>
		                        		                        		                        <label class="radio-inline" style="line-height:2.8rem;"><input type="radio" name="question[894]" rel="894" value="D" />D </label>
		                        		                        		                        		                    	                    </div>
												<div class="toolbar" style="padding:1rem 0.5rem;">
														<a class="btn btn-default" onclick="javascript:gotoindexquestion(1);"><span class="glyphicon glyphicon-chevron-left"></span>上一题</a>
																					<a class="pull-right btn btn-primary" onclick="javascript:gotoindexquestion(3);">下一题<span class="glyphicon glyphicon-chevron-right"></span></a>
													</div>
					</div>
																																																																											<h4 class="title questionpanel" id="questype_3">二、判断题</h4>
						                	                	                					<div class="paperexamcontent" id="questions_896" rel="3" style="clear:both;overflow:hidden;background:#FFFFFF;margin-top:0.5rem;padding:1rem;">
						<h4 class="title">
							第1题
							<span class="pull-right">
								<a class="btn text-primary qicon" onclick="javascript:favorquestion('896');"><i class="glyphicon glyphicon-heart-empty"></i></a>
								<a class="btn text-info qicon" href="javascript:;" onclick="javascript:signQuestion('896',this);"><i class="glyphicon glyphicon-bookmark"></i></a>
								<a name="question_896">
								<input id="time_896" type="hidden" name="time[896]"/>
							</span>
						</h4>
						<div class="choice">
							</a><p>中国的国旗是五星红旗？</p>						</div>
																		<div class="choice" style="padding-bottom:0.5rem;">
	                    	<p>A&nbsp; 对</p>

<p>B 错</p>	                    </div>
	                    						<div class="selector">
	                    			                        		                        		                        <label class="radio-inline" style="line-height:2.8rem;"><input type="radio" name="question[896]" rel="896" value="A" />A </label>
		                        		                        		                        <label class="radio-inline" style="line-height:2.8rem;"><input type="radio" name="question[896]" rel="896" value="B" />B </label>
		                        		                        		                        		                    	                    </div>
												<div class="toolbar" style="padding:1rem 0.5rem;">
														<a class="btn btn-default" onclick="javascript:gotoindexquestion(2);"><span class="glyphicon glyphicon-chevron-left"></span>上一题</a>
																					<a class="pull-right btn btn-primary" onclick="javascript:gotoindexquestion(4);">下一题<span class="glyphicon glyphicon-chevron-right"></span></a>
													</div>
					</div>
						                	                					<div class="paperexamcontent" id="questions_897" rel="3" style="clear:both;overflow:hidden;background:#FFFFFF;margin-top:0.5rem;padding:1rem;">
						<h4 class="title">
							第2题
							<span class="pull-right">
								<a class="btn text-primary qicon" onclick="javascript:favorquestion('897');"><i class="glyphicon glyphicon-heart-empty"></i></a>
								<a class="btn text-info qicon" href="javascript:;" onclick="javascript:signQuestion('897',this);"><i class="glyphicon glyphicon-bookmark"></i></a>
								<a name="question_897">
								<input id="time_897" type="hidden" name="time[897]"/>
							</span>
						</h4>
						<div class="choice">
							</a><p>中国是2008年加入世界贸易组织的。</p>						</div>
																		<div class="choice" style="padding-bottom:0.5rem;">
	                    	<p>A 对</p>

<p>B 错</p>	                    </div>
	                    						<div class="selector">
	                    			                        		                        		                        <label class="radio-inline" style="line-height:2.8rem;"><input type="radio" name="question[897]" rel="897" value="A" />A </label>
		                        		                        		                        <label class="radio-inline" style="line-height:2.8rem;"><input type="radio" name="question[897]" rel="897" value="B" />B </label>
		                        		                        		                        		                    	                    </div>
												<div class="toolbar" style="padding:1rem 0.5rem;">
														<a class="btn btn-default" onclick="javascript:gotoindexquestion(3);"><span class="glyphicon glyphicon-chevron-left"></span>上一题</a>
																				</div>
					</div>
																																																																																																								</form>
			</div>
		</div>
		<div class="container-fluid text-center" style="background-color:#337AB7;z-index:9999;position:fixed;bottom:0px;border-top:1px solid #E9E9E9;">
			<div style="clear:both;background-color:#337AB7;padding-top:0px;border:0px;padding:0rem;padding-bottom:0.8rem;" class="input-group-addon footer">
				<div class="col-xs-3">
					<div class="text-center" style="height:4.2rem;padding:0.2rem;">
						<a href="javascript:;" onclick="javascript:$.leftMenu($('#questionbar'));$('#form1').toggle();">
							<h5 style="line-height:3.2rem;color:#FFFFFF;"><em class="glyphicon glyphicon-th"></em> 题序</h5>
						</a>
					</div>
				</div>
				<div class="col-xs-6">
					<div class="text-center" style="height:4.2rem;padding:0.2rem;">
						<a href="index.php?item-phone-cart" class="ajax" data-page="cart" data-target="cart">
							<h4 style="line-height:3.2rem;color:#FFFFFF;"><em class="glyphicon glyphicon-time"></em> <span id="timer_h">00</span><span>：</span><span id="timer_m">00</span><span>：</span><span id="timer_s">00</span></h4>
						</a>
					</div>
				</div>
				<div class="col-xs-3">
					<div class="text-center" style="height:4.2rem;padding:0.2rem;">
						<a href="#submodal" role="button" data-toggle="modal">
							<h5 style="line-height:3.2rem;color:#FFFFFF;"><em class="glyphicon glyphicon-list-alt"></em> 交卷</h5>
						</a>
					</div>
				</div>
			</div>
		</div>
		<div class="modal fade" id="submodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title" id="myModalLabel">交卷</h4>
					</div>
					<div class="modal-body">
						<p>共有试题 <span class="allquestionnumber">50</span> 题，已做 <span class="yesdonumber">0</span> 题。您确认要交卷吗？</p>
					</div>
					<div class="modal-footer">
						<button type="button" onclick="javascript:submitPaper();" class="btn btn-primary">确定交卷</button>
						<button aria-hidden="true" class="btn" type="button" data-dismiss="modal">再检查一下</button>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
		var qindex = 0;
		function gotoquestion(questid)
		{
			$(".questionpanel").hide();
			$(".paperexamcontent").hide();
			$("#questions_"+questid).show();
			$("#questype_"+$("#questions_"+questid).attr('rel')).show();
		}
		function gotoindexquestion(index)
		{
			$(".questionpanel").hide();
			$(".paperexamcontent").hide();
			$(".paperexamcontent").eq(index).show();
			$("#questype_"+$(".paperexamcontent").eq(index).attr('rel')).show();
		}
		$(document).ready(function(){
			$.get('index.php?exam-phone-index-ajax-lefttime&rand'+Math.random(),function(data){
				var setting = {
					time:60,
					hbox:$("#timer_h"),
					mbox:$("#timer_m"),
					sbox:$("#timer_s"),
					finish:function(){
						submitPaper();
					}
				}
				setting.lefttime = parseInt(data);
				countdown(setting);
			});

			(function(){
				$(".questionpanel").hide();
				$(".questionpanel:first").show();
				$(".paperexamcontent").hide();
				$(".paperexamcontent:first").show();
			})();

			setInterval(saveanswer,120000);

			initData = $.parseJSON(storage.getItem('questions'));
			if(initData){
				for(var p in initData){
					if(p!='set')
					formData[p]=initData[p];
					$("#time_"+$('[name="'+p+'"]').attr('rel')).val(initData[p].time);
				}

				var textarea = $('#form1 textarea');
				$.each(textarea,function(){
					var _this = $(this);
					if(initData[_this.attr('name')])
					{
						_this.val(initData[_this.attr('name')].value);
						batmark(_this.attr('rel'),initData[_this.attr('name')].value);
					}
				});
				var texts = $('#form1 :input[type=text]');
				$.each(texts,function(){
					var _this = $(this);
					if(initData[_this.attr('name')])
					{
						_this.val(initData[_this.attr('name')]?initData[_this.attr('name')].value:'');
						if(initData[_this.attr('name')].value && initData[_this.attr('name')].value != '')
						batmark(_this.attr('rel'),initData[_this.attr('name')].value);
					}
				});

				var radios = $('#form1 :input[type=radio]');
				$.each(radios,function(){
					var _= this, v = initData[_.name]?initData[_.name].value:null;
					var _this = $(this);
					if(v!=''&&v==_.value){
						_.checked = true;
						batmark(_this.attr('rel'),initData[_this.attr('name')].value);
					}else{
						_.checked=false;
					}
				});

				var checkboxs=$('#form1 :input[type=checkbox]');
				$.each(checkboxs,function(){
					var _=this,v=initData[_.name]?initData[_.name].value:null;
					var _this = $(this);
					if(v!=''&&v==_.value){
						_.checked=true;
						batmark(_this.attr('rel'),initData[_this.attr('name')].value);
					}else{
						_.checked=false;
					}
				});
			}

			$('#form1 :input[type=text]').change(function(){
				var _this=$(this);
				var p=[];
				p.push(_this.attr('name'));
				p.push(_this.val());
				p.push(Date.parse(new Date())/1000);
				$('#time_'+_this.attr('rel')).val(Date.parse(new Date())/1000);
				set.apply(formData,p);
				markQuestion(_this.attr('rel'),true);
			});

			$('#form1 :input[type=radio]').change(function(){
				var _=this;
				var _this=$(this);
				var p=[];
				p.push(_.name);
				if(_.checked){
					p.push(_.value);
					p.push(Date.parse(new Date())/1000);
					$('#time_'+_this.attr('rel')).val(Date.parse(new Date())/1000);
					set.apply(formData,p);
				}else{
					p.push('');
					p.push(null);
					set.apply(formData,p);
				}
				markQuestion(_this.attr('rel'));
			});

			$('#form1 textarea').change(function(){
				var _= this;
				var _this=$(this);
				var p=[];
				p.push(_.name);
				p.push(_.value);
				p.push(Date.parse(new Date())/1000);
				$('#time_'+_this.attr('rel')).val(Date.parse(new Date())/1000);
				set.apply(formData,p);
				markQuestion(_this.attr('rel'),true);
			});
			$('#form1 :input[type=checkbox]').change(function(){
				var _= this;
				var _this = $(this);
				var p=[];
				p.push(_.name);
				if(_.checked){
					p.push(_.value);
					p.push(Date.parse(new Date())/1000);
					$('#time_'+_this.attr('rel')).val(Date.parse(new Date())/1000);
					set.apply(formData,p);
				}else{
					p.push('');
					p.push(null);
					set.apply(formData,p);
				}
				markQuestion(_this.attr('rel'));
			});
			$('.allquestionnumber').html($('.paperexamcontent').length);
			$('.yesdonumber').html($('#questionindex .btn-primary').length);
		});
		</script>
	